
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <meta name="author" content="bh-lay" />
    <meta name="description" content="项洁洁，前端工程师" />
    <meta name="keywords"  content="项洁洁,简历,前端开发 " />
    <meta content="width=device-width, initial-scale=1, user-scalable=0" name="viewport">
    <link rel="stylesheet" href="asset/page.css?v=15">
</head>
<body>
<div class="section " id="header">
    <div class="header_body">
        <div class="logo wow flipInY">
            <i class="l-icon l-icon-fancyLogo"></i>
        </div>
        <div class="intro wow bounceInUp">
            <h1>我是项洁洁,前端工程师</h1>
            <p>QQ：535074661 Email：gracepaa@gmail.com</p>
            <p>博客：<a href="http://www.cnblogs.com/light-j/" target="_blank">http://www.cnblogs.com/light-j/</a> </p>
        </div>
    </div>
    <div class="down wow bounceInUp" data-wow-delay=".5s">
        <a href="javascript:void(0)"><i class="l-icon l-icon-down-double"></i></a>
    </div>
</div>
<div class="section" id="work">
    <div class="intro wow fadeInLeft">
        <h2>关于工作</h2>
        <p>就职李山投资，前端工程师</p>
        <hr/>
        <p>前315财经门户前端工程师</p>
    </div>
</div>
<div class="section" id="design">
    <div class="wrap">
        <div class="intro half wow fadeInLeft">
            <h2>关于技能</h2>
            <p>善用Jquery、angularJs等框架</p>
            <p>善用javascript</p>
            <p>对html5、css3有一定经验</p>
            <p>熟悉requireJs、sass</p>
            <p>对移动端项目有浓厚的兴趣</p>

        </div>
        <div class="pics half wow fadeInDownBig">
            <a href="http://m.wsloan.com"> <div class="pic pic20" style="background-image:url(images/wsdsj.jpg)" data-src="images/wsdsj.jpg" title="温商贷官网手机版"></div></a>
            <div class="pic pic30" style="background-image:url(images/yl.jpg)" data-src="images/yl.jpg" title="雅立官网"></div>
            <div class="pic pic30" style="background-image:url(images/tb.png)" data-src="images/tb.png" title="嵌入APP图表"></div>
            <a href="http://h5.jmtopapp.cn/h5/stj/index.php"><div class="pic pic20" style="background-image:url(images/stj.jpg)" data-src="images/stj.jpg" title="生态家手机版"></div></a>
            <a href="http://www.wsloan.com"><div class="pic pic50" style="background-image:url(images/wsd.jpg)" data-src="images/wsd.jpg" title="温商贷官网"></div></a>
            <div class="pic pic50" style="background-image:url(images/315.jpg)" data-src="images/315.jpg" title="315财经门户网站"></div>
        </div>
    </div>
</div>
<div class="section" id="nodejs">
    <div class="wrap">
        <div class="half wow fadeInLeftBig">
            <h2>关于开发</h2>
            <p>使用过angular开发web单页应用</p>
            <p>对大而全的框架有轻微抵触心理</p>
            <p>患有不是很严重的代码洁癖</p>
            <p>目前在关注ReactJs,NodeJs</p>
        </div>
        <div class="half wow fadeInRight">
            <img src="images/develop.jpg"/>
        </div>
    </div>
</div>


<div class="section" id="footer">没想好这块儿写什么！</div>
<div class="section_loading"><p>玩命儿加载中……</p></div>
<script src="asset/jquery.min.js"></script>
<script src="asset/wow.min.js"></script>
<script src="asset/gallery.js"></script>
<script type="text/javascript">
    $(function(){
        new WOW({
            animateClass: 'animated',
            offset: 150
        }).init();
        $('.section_loading').fadeOut(400,function(){
            $(this).remove();
        });
        $('.down').click(function(){
            $('html,body').animate({
                scrollTop: $('#header').outerHeight()
            },300);
        });
        $('.pic').click(function(){
            var index = $(this).index();
            var arr = [];
            $('.pic').each(function(){
                arr.push({
                    cover : $(this).attr('data-src'),
                    thumb : $(this).css('backgroundImage').match(/url\((.+?)\)/)[1]
                })
            });
            var aaa = gallery(arr,index);
        });
    });
</script>
</body>
</html>
